/* #08c; #07a; #d0d0d0 */

::selection{ background-color: gray; color: white; }
::moz-selection{ background-color: gray; color: white; }
::webkit-selection{ background-color: gray; color: white; }
/*
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;vertical-align:baseline}
 */
body {
    font-family:'Microsoft Yahei',MonacoRegular, Tahoma, Helvetica, Arial, SimSun, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    background:#f9f9f9 url('../img/bg.png') repeat;
    padding:0;
}

a:hover {color:#FB8F2B;}
a:visited {color: #2BB3FB;}
a:active {color: #d14836;}


/* Component: Buttons */ 
.btn{
    min-width: 72px;
    border:1px solid #DCDCDC;
    color: #444;
    padding: 0 8px;
    line-height: 27px;
    border-radius:2px;
    -webkit-transition: all 0.218s;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.navbar-inner{background:#fff;}
.tooltip-inner{min-width:100px;z-index:6;}

/** for Markdown **/
strong, b {color:green;text-shadow: green 0 0 1px;}
em,i{color:#666666;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.box-shadow{
    margin-bottom: 10px;
    padding:0;
    border: 1px #CCC solid;
	border-radius:3px;
    box-shadow: 0 0px 15px rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden;
}

.box-shadow2{
    margin-bottom: 10px;
    border: 1px #CCC solid;
    box-shadow:0 5px 6px -6px #CCC;
}

/** body **/
.header{border:0 0 0px 0;border-radius:0;border-top:0;}
.header ul.nav{font-weight:700;}
.header ul.nav a {font-family: Oswald, sans-serif;font-size: 16px;color:#40A9D7;}

.container {
    width:1090px;
    max-width:1090px;
    margin:0 auto;
}

/** col list **/
.col {}
.col h1{font-size:22px;text-shadow:0 0 5px #ccc;padding:5px 2%;}
.col h2{
    margin: 0;
    background: #efefef;
    font-size: 16px;
    text-shadow: 0 0 5px #ccc;
    padding: 0px 2%;
}
.col ul{ list-style:none;margin:0;margin:8px 2% 15px;;}
.col ul li{padding:5px;clear:both;border-bottom:1px solid #e5e5e5;}
.col ul li:hover{background-color:#eee;}
.col ul li .label{float:right;margin:3px;box-shadow:0 0px 3px #000;border-radius:3px;}
.col ul li a:hover span{color:#08c;background:#fafafa;}
.col .ccols{clear:both;margin-left:1%;}
.col .box{width:47.5%;margin-left:1%;float:left;}
.col .box ul{margin:0;border-width:1px 0 0;box-sh}

ul.breadcrumb{border-width: 0;border-radius: 0;margin: 0;padding: 3px 5px;}

/** Markdown 文档样式 
 * -------------------------------------------------------------------------*/
#markdown{width:75%;float:left;background-color:#fcfcfc;min-height:400px;}
.markdown{text-shadow: #f5f5f5 0 0 1px;}
.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{
    padding: 5px 2% 3px 25px;
    clear: both;
    color:#999;
    border:1px solid #ccc;
    border-width:1px 0;
    margin: 10px 0 10px 0;
}
.markdown h1{font-size: 22px;margin:25px 0 38px 0;border:0;color:#07a;}
.markdown h2{font-size: 20px;color:#666666;line-height:32px;
background: rgb(250,250,250); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(250,250,250,1) 72%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(72%,rgba(250,250,250,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(250,250,250,1) 72%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(250,250,250,1) 72%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(250,250,250,1) 72%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(250,250,250,1) 72%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 */

}
.markdown h3{font-size: 18px;line-height:28px;
background: rgb(250,250,250); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(250,250,250,1) 45%, rgba(204,204,204,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(45%,rgba(250,250,250,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(250,250,250,1) 45%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(250,250,250,1) 45%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(250,250,250,1) 45%,rgba(204,204,204,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(250,250,250,1) 45%,rgba(204,204,204,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 */

}
.markdown h4,.markdown h5,.markdown h6{font-size: 17px;
background: rgb(254,254,254); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(254,254,254,1) 0%, rgba(226,226,226,1) 83%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(254,254,254,1)), color-stop(83%,rgba(226,226,226,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(254,254,254,1) 0%,rgba(226,226,226,1) 83%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(254,254,254,1) 0%,rgba(226,226,226,1) 83%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(254,254,254,1) 0%,rgba(226,226,226,1) 83%); /* IE10+ */
background: linear-gradient(to right,  rgba(254,254,254,1) 0%,rgba(226,226,226,1) 83%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=1 ); /* IE6-9 */
}

.markdown blockquote{
    border-left:3px solid #666;
    margin:8px 0;
}
.markdown blockquote p{
    color:#999;
    font-size:14px;
}
.markdown pre {
    font: monospace; 
    border: 1px solid #e5e5e5;
    background: #fafafa;
    border-radius: 3px;
    position: relative;
    padding:0;
}
.markdown pre code{
    padding: 10px 20px;
    margin:0;
}
.markdown p code {background: #eee;padding: 3px 5px;color: green;border:none;}
.markdown pre:hover{background:#fbfbfb;box-shadow:0 5px 6px -6px #CCC;}
.markdown blockquote pre{border:0;padding:0;margin:0;box-shadow:none;background:none;}
.markdown blockquote p,.markdown blockquote ul,.markdown blockquote ol{margin:0;min-width: 0;}
.markdown blockquote blockquote{margin:8px 2% 8px 2%;min-width: 0;}
.markdown .table{width:95%;margin:8px 2% 8px 25px;}
.markdown table tr:hover{background-color:#eee;}
.markdown table tr th{background-color:#eee;font-weight:blod;text-align:center;}
.markdown table tr td{min-width:100px;}
.markdown hr,hr{border:0;border-bottom:1px #d0d0d0 dashed;}
.markdown img{max-width: 80%;min-width: 0;*width:80%;}
.markdown p,.markdown blockquote,.markdown pre,.markdown img,.markdown hr{margin: 8px 2% 8px 25px;}
.markdown ol,.markdown ul,.markdown dl{padding: 0 2% 0 0;margin: 0 0 10px 25px;list-style-position: inside;}
.markdown ol li,.markdown ul li{list-style-position: inside;padding:3px 0;margin: 5px 0;line-height: 18px;}
.markdown dl dt{color:#e60;}
.markdown dl dd{
    padding-left:10px;
    color:#666;
    border-left: 3px solid #e60;
}
.markdown span.add{color:#08a;}
.markdown hr{display:block;clear:both;}

.markdown .wenku-box{float:left;width:30%;min-height:200px;margin:10px 3px; padding:1%;background:#fefefe;}
.markdown .wenku-box h2{margin:0;border:1px 0 1px 0 solid #d0d0d0;width:100%;padding:0;font-size:16px;}

.markdown .toper {float:left; width:100px; text-align:center; margin:0 25px;padding:0; border:1px solid #999999; border-top:0;border-radius:0 0 2px 2px;}

#md_menu h1,#md_menu h2,#md_menu h3{font-size:20px;margin:0;padding:0}
#md_menu .close{font-size:50px;}
#md_menu .modal-body{padding:10px 20px;} 

#markdown-color{float:right;height:42px;padding-left:15x;margin-right:25px;display:block;text-align:right;}
#markdown-color .btn{display:block;float:left;border-radius: 0 0 30px 6px;border-top: 0;min-width: 24px;min-height: 24px;}

/** sides 侧边栏 **/
/*------------------------------------------------------------------*/
#sides{float:right;width:24%}

.sides-box{background-color:#fcfcfc;}
.sides-box h3{
    line-height: 32px;
    font-size:14px;
    background-color:#cccccc;
    padding:0 0 0 5px;
    margin:0;
    color: #555555;
    font-size: 14px;
    font-weight: bolder;
    border-top: 1px solid #ebebeb;
    border-radius: 3px 3px 0px 0px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.15);
    margin-top: -1px;
    text-indent: 15px;
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
    background: linear-gradient(top, #fcfcfc 0%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f5f5f5',GradientType=0 );
}

#sides ul{list-style:none;margin:5px;}

#keyboard {padding:0px;cursor: default;color:#333;margin-top:0;}
#keyboard h3{cursor:pointer;}
#keyboard ul{list-style:none;margin:4px;}

#nav {
    padding:0;
    z-index:3;
    width:20%;
    *top:350px;
    border:none;
}
#nav ul{
    margin:0;
    padding:0;
    list-style:none;
}
#nav ul li a{*width:100%;}
#nav ul li.active a,
#nav ul li a:hover{
    background:#47A8D9;
    color:#fafafa;
}

#scrollbar{
    width: 20px;
    text-align:center;
    position: fixed;
    z-index:1000;
    top:30%;
    left: 70%;
    border: 1px solid #ccc;
    box-shadow: 0 0px 5px rgba(0,0,0,0.1);
}
#scrollbar a{display:block;width:20px;}
#scrollbar a:hover{background-color:#f70;border-radius:3px;}

#recentcomments {font-size:10px;}
#recentcomments ul{margin:0;padding:0px;}
ul.dsq-widget-list .dsq-widget-item {}
ul.dsq-widget-list .dsq-widget-item img.dsq-widget-avatar{
    margin-left:5px;
}
ul.dsq-widget-list .dsq-widget-item .dsq-widget-user{
    clear:right;
}
ul.dsq-widget-list .dsq-widget-item .dsq-widget-comment{
    display:block;
    position: relative;
    color: #404040;
    background: #fcfcfc;
    border: 1px solid #ddd;
    border-width: 1px 0;
    border-radius: 2px 2px 0 0;
    box-shadow: 0 4px 3px -3px rgba(0,0,0,0.1);
    padding: 7px 5px 0;
    margin-top:8px;
    text-shadow: 0 1px #fff;
}
ul.dsq-widget-list .dsq-widget-item .dsq-widget-meta{
    border: 1px solid #ddd;
    border-width: 0 0 1px 0;
    padding: 5px;
}

/** footer 底部 **/
#comments {width:75%;float:left;margin-left:2px;background:#fcfcfc;}
#comments #disqus_thread{padding: 15px 15px 0;}

.footer{background:#333 url('../img/bg2.jpg');color:#fcfcfc;padding:10px 0px;margin:0;}
.footer p{padding:5px 20px;}
.footer ul{padding:5px 10px;}

@media print{
    #header_top{display:none;}
    #menu{display:none;}
    #section{width:100%;display:block;}
    #nav {display:none;}
}

